<!DOCTYPE html>
<html lang="en">
  <head>  
	<meta charset="utf-8">	
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="David Rodr&iacute;guez Condezo">
	<meta name="keywords" content="David Rodriguez Condezo Rodr&iacute;guez Curriculum Hoja de vida consultoria ti">
    <meta name="author" content="David Rodr&iacute;guez Condezo">
	
    <title>Grupo COFFE</title>
	
	<script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap-3.2.0.js"></script>

	<link href="css/bootstrap-3.2.0.css" rel="stylesheet">	
	<link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
	<link href="css/offcanvas.css" rel="stylesheet">	
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    
  </head>

  <body>
    <!-- INICIO DEL MENU PRINCIPAL -->
	<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
					
          </button>
          <a class="navbar-brand" href="http://localhost:8080/ProjectKaraoke/index.jsp">Home</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <!--  <li><a href="http://localhost:8080/ProjectKaraoke/Eventos.jsp">Evento</a></li>-->
            
            <li class="dropdown">
	            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mantenimientos<b class="caret"></b></a>
	            <ul class="dropdown-menu">
	              <li><a href="Mantenimiento_Locales.jsp">Locales</a></li>
	              <li><a href="Mantenimiento_Reservas.jsp">Reservas</a></li>
	              <li><a href="Mantenimiento_Salas.jsp">Salas</a></li>
	              <li><a href="Mantenimiento_Producto.jsp">Producto</a></li>
	              <li><a href="Mantenimiento_Eventos.jsp">Eventos</a></li>
	            </ul>
	        </li>
			<li><a href="http://localhost:8080/ProjectKaraoke/Reserva_Salas.jsp">Reserva de Salas</a></li>
			<li><a href="http://localhost:8080/ProjectKaraoke/ComprobantePago.jsp">Comprobante de Pago</a></li>
          </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->
	<!-- FIN DEL MENU PRINCIPAL -->
	
    <div class="container">		
	<div class="row">		 	 
			<div class="span8">		
				<div>				
					<form class="form-horizontal">					  				  
					<p></p>
					<div role = "form">
						<legend><label style="font-style: bold;">MANTENIMIENTO DE RESERVAS</label></legend>
						<p></p>
					<div class="form-inline">

						<div class="form-group">
						<div class="col-xs-10">									
						  	  <label for="txtbusc" class="control-label"  style="font-style: bold;" >CODIGO :  </label>			  	
						 </div>
						 </div>
						 <div class="form-group">
						 <div class="col-xs-10">
						 	<input class="form-control" name="txtbusc" type="text" id="input01"/>		
						 </div>
						 </div>	
						 <div class="form-group">
						 <div class="col-xs-10">
						 	<input class="btn btn-primary btn-sm" type="submit" value="Buscar" name="btnbuscar"/>		
						 </div>
						 </div>	
					</div>
					</div>
						  
					  
					  <div class="form-actions">
					  <p></p>
					  <p></p>
						<div class="panel panel-info">
					  		
   							<div class="panel-heading"><h3 class="panel-title" >Listado de Reservas : </h3></div>
   							<ul class="list-group">
      						<li class="list-group-item"><input type="checkbox" name="lbreservas" value=""> Reserva 1</li>
      						<li class="list-group-item"><input type="checkbox" name="lbreservas" value=""> Reserva 2</li>
      						<li class="list-group-item"><input type="checkbox" name="lbreservas" value=""> Reserva 3</li>
      						<li class="list-group-item"><input type="checkbox" name="lbreservas" value=""> Reserva 4</li>
      						<li class="list-group-item"><input type="checkbox" name="lbreservas" value=""> Reserva 5</li>
   							</ul>
   							
						</div>
						<button class="btn btn-primary btn-sm" type="button" name="btnbuscar2">Modificar</button>
						<button class="btn btn-primary btn-sm" type="button" name="btnbuscar3">Eliminar</button>			
					  </div>
					  
						<div class="form-actions">
						  	<p></p>
							<legend><h5><label for="txtbusc" class="control-label"  style="font-style: bold;" >SI ES NUEVO :</label></h5></legend>
						  	
						  	<div class="form-group">
						  	<label for="txtnumsala" class="control-label col-xs-2">Numero de Sala:</label>
						  	<div class="col-xs-10" ><input  type="text" name="txtnumsala"/></div>
						  	</div>
						  	
						  	<div class="form-group">
						  	<label for="txtnomclient" class="control-label col-xs-2">Nombre Cliente:</label>
						  	<div class="col-xs-10"><input type="text" name="txtnomclient"/><br></div>
						  	</div>
						  	
						  	<div class="form-group">
						  	<label for="dtfecha" class="control-label col-xs-2">Fecha:</label>
						  	<div class="col-xs-10"><input  type="date" name="txtfecha"/></div>
						  	</div>
						  	
						  	<div class="form-group">
						  	<label for="dthora" class="control-label col-xs-2">Hora:</label>
						  	<div class="col-xs-10"><input type="time" name="dthora"/></div>
						  	</div>
						  	
						  	<div class="form-group">
						  	<label for="txtdescrip" class="control-label col-xs-2">Descripcion:</label>
						  	<div class="col-xs-10"><input type="text" name="txtdescrip"/></div>
						  	</div>
						  	
						  	<div class="form-group">
						  	<div class="col-xs-offset-2 col-xs-10">
						  	<button class="btn btn-primary btn-sm" type="button" name="btnbuscar3">Agregar</button>
						  	</div>
						  	
						  	</div>
						  	</div>
						  	</form>
						</div>
				</div>
			
			<div class="span4">
			  
			</div>

		</div>
		
      <footer>
        <p>&copy; Company 2014</p>
      </footer>

    </div> <!-- /container -->
 

	<script>
		$(function() {
			$( "#datepicker" ).datepicker();
		});
	</script>
	
  </body>
</html>